<%-- 
    Document   : popuptemplate
    Created on : Jun 4, 2012, 2:47:19 PM
    Author     : ems
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/> 
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/> 
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>

      
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
              
                var b = location.pathname;
                $j("input[id$='message']").val(b);
                validateform("job");
                $j('input#leavedate1,input#leavedate2').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                
            });
        </script>
        <style type="text/css">
            #ui-datepicker-div
            {
                z-index: 9999999;
            }
            .number{
                text-align: right;
            }
            .stardates{
                float:left;
                width:281px;
                margin-left:11px;
            }
            .stardates label{
                float:left;
                width:92px;
                text-align: right;
                margin-top:4px;
            }
            .stardates input[type="text"] {
                width:100px ;
                float:left;
                margin-left: 4px;
                margin-right: 4px;
            }
            .enddates input[type="text"] {
                width:100px;
                float:left;
                margin-left:0px;
                margin-right: 4px;
            }
            .enddates label{
                float:left;
                width:110px;
                text-align: right;
                margin-top:4px;
                margin-right: 4px;
            }
            .enddates{
                float:left;
            }
        </style>

    </head>


    <body style=" float:left; width:auto; height:auto; margin:0px;">
        <f:view>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form id="job" >
                <div class="popup" style="height:480px; width:650px">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="#{locale.update_person}"/></div>
                    </div>
                    <div class="popup-content">
                        <div class="main_content">
                            <div class="form_item_content labe_short" style="display: block;">
                                <div class="groud_date">
                                    <div class="stardates">
                                        <label><h:outputText value="#{locale.date_start}"/>* :</label>
                                        <input value="<h:outputText value="#{l200Controller.ld201}"><f:convertDateTime pattern="dd/MM/yyyy"/> 
                                               </h:outputText>" type="text" id="leavedate1" name="leavedate1" class="input_fields required date" />


                                    </div>
                                    <div class="enddates">
                                        <label><h:outputText value="Ngày kết thúc"/>*:</label>
                                        <input value="<h:outputText value="#{l200Controller.ld202}"><f:convertDateTime pattern="dd/MM/yyyy"/> 
                                               </h:outputText>" type="text" id="leavedate2" name="leavedate2" class="" />


                                    </div>

                                </div>
                                <!-- start job -left -right-->
                                <div class="job_left_right">
                                    <!-- start job_left-->
                                    <div class="job_left">
                                        <div class="fields_input">
                                            <label>Mức lương:</label>
                                            <h:inputText value="#{l200Controller.ln203st}" styleClass="numberright" ></h:inputText>
                                        </div>
                                        <div class="fields_input">
                                            <label class="longlabel">Tiền trách nhiệm:</label>
                                            
                                            <h:inputText value="#{l200Controller.ln204st}" styleClass="numberright" />
                                        </div>
                                        <div class="fields_input">
                                            <label>Tiền thâm niên:</label>
                                            <h:inputText value="#{l200Controller.ln205st}" styleClass="numberright" />
                                        </div>
                                        <div class="fields_input">
                                            <label>Phúc lợi:</label>
                                            <h:inputText value="#{l200Controller.ln213st}" styleClass="numberright" />
                                        </div>
                                        <div class="fields_input">
                                            <label>Giảm trừ GC:</label>
                                            <h:inputText value="#{l200Controller.ln206}" styleClass="numberright" />
                                        </div>
                                    </div>
                                    <!-- end job left-->
                                    <!-- start job right-->
                                    <div class="job_right">

                                        <div class="fields_input">
                                            <label>Mức BHXH:</label>
                                            <h:inputText value="#{l200Controller.ln207st}" styleClass="numberright" />
                                        </div>
                                        <div class="fields_input">
                                            <label>Số BHXH:</label>
                                            <h:inputText value="#{l200Controller.lv208}" styleClass="" />
                                        </div>
                                        <div class="fields_input job_feild_input">
                                            <label>Thâm niên:</label>
                                            <h:inputText value="#{l200Controller.ln209}" styleClass="numberright" />
                                        </div>
                                        <div class="fields_input ">
                                            <label class="longlabel">Số lần làm việc:</label>
                                            <h:inputText value="#{l200Controller.ln210}" styleClass="numberright" />
                                        </div>
                                    </div>
                                    <!-- end job right-->
                                </div>
                                <!-- end job left -right-->
                                <div class="group_feild">
                                    <div class="groud_vh">
                                        <div class="fields_input vh">
                                            <label>Trình độ VH:</label>
                                            <h:inputText value="#{l200Controller.lv211}"  />
                                            <span style="margin-left:4px;margin-top:4px;float:left;">(Ex: 1/12)</span>
                                        </div>
                                        <div class="fields_input bc">
                                            <label>Bằng cấp:</label>
                                            <h:inputText value="#{l200Controller.lv212}"  />
                                        </div>
                                    </div>
                                    <div class="field_blue">
                                        <div class="fields_input  ">
                                            <label>Ghi chú:</label>
                                            <h:inputTextarea value="#{l200Controller.lv224}"  />
                                        </div>
                                    </div>
                                </div>
                                <div class="alert">

                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="popup-footer">

                        <div class="buttonsave" onclick="jQuery.fancybox.close() "  ><span><h:outputText value="#{locale.close}"/></span></div>
                        <h:commandButton onclick="return validatecheck('job');" action="#{l200Controller.saveL200}" value="#{locale.save}" styleClass="buttonsave">
                            
                        </h:commandButton>
                        <h:inputHidden value="#{l200Controller.pn100}" id="fn100"/>
                        <h:inputHidden value="#{l200Controller.reloadPage}" id="reloadPage"/>
                       
                        <h:inputHidden value="#{l200Controller.flagedit}" id="flagedit"/>

                    </div>
                </div>
            </a4j:form>
        </f:view>
    </body>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
</script>